<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>props验证-验证传入子组件的数据是否为数字</title>
	<script src="vue.js"></script>
</head>
<body>
<div id="app">
    <parent></parent>
</div>
<script>
   var childNode = {
    template: '<div>{{ para }}</div>',
    props:{
      'para':Number
    }
  }
  var parentNode = {
    template: `
    <div class="parent">
        <child :para="num"></child>
    </div>`,
    components: {
      'child': childNode
    },
    data(){
      return{
        num: 123
      }
    }
  };
  // 创建根实例
  var vm=new Vue({
    el: '#app',
    components: {
      'parent': parentNode
    }
  })
</script>
</body>
</html>
